<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>玄集</title>
    <link rel="stylesheet" type="text/css" href="page/home/home.css">
    <script type="text/javascript" src="page/home/home.js" ></script>


</head>
<body>
    <form id="home_frm_main">
        <div class="container">
            <div class="top">
                <div class="top-search">
                    <div class="top-search-1"  onclick="server.loadindex('page/home/seacher/seacher',null,true)">
                        <img src="img/home/s.png"   /> <label>找老师或提问</label>
                    </div>
                    <div class="top-search-2" onclick="vipbuy()">
                        <div class="top-search-2-image">
                            <!--<img src="img/home/help.png" />-->
                            <img src="img/home/member.png" />
                        </div>
                        <div class="top-search-2-text">
                            <!--<label>帮助</label>-->
                            <label>会员认证</label>
                        </div>
                    </div>
                    <div class="top-search-3" onclick="tocontactus()">
                        <div class="top-search-3-image" id="newssize">
                            <img src="img/home/message.png" />
                        </div>
                        <div class="top-search-3-text index-top-newslist ">
                            <!--<label  >消息</label>-->
                            <label>联系我们</label>
                            <!--<span   data-name="newssize"  style="color: red"></span>
                            <div class="index-top-newslist-item"  data-for="newchatslist" id="newchatslist"  >-->
                                <!--<div onclick="server.loadindex('page/chat/chat','teacherTopicID={{newchats.0.fromId}}')" data-if="newchatslist.length" style="display: none" >-->
                                    <!--<label data-item="newchats.0.nickname"></label>-->
                                    <!--<img  data-item="newchats.0.image" src="" >-->
                                    <!--<label data-item="newchats.length" style="color: red;margin-left: 9px"></label>-->
                                <!--</div>-->
                            <!--</div>-->
                        </div>
                    </div>
                </div>
                <div class="top-banner">





                    <div class="swiper-container banner1" id="myswiper">
                        <div class="swiper-wrapper" data-for="data">
                            <div class="swiper-slide"> <img data-item="image" /></div>
                            <!--<div class="swiper-slide"> <img src="img/banner/2.png" /></div>-->
                            <!--<div class="swiper-slide"> <img src="img/banner/3.png" /></div>-->
                        </div>
                        <div class="swiper-pagination" id="pagination"></div>
                    </div>



                </div>

                <div class="top-quickmenu">
                    <!--<div class="top-quickmenu-item" id="cms1" onclick="cmslist(33)">-->
                        <div class="top-quickmenu-item" id="cms1" onclick="club()">
                        <div class="top-quickmenu-item-image">
                            <img src="img/icons/sqdt.png" />
                        </div>
                        <div class="top-quickmenu-item-label">
                            <label>社区动态</label>
                        </div>
                    </div>
                    <div class="top-quickmenu-item" onclick="developing()">
                        <div class="top-quickmenu-item-image">
                            <img src="img/icons/top2.png" />
                        </div>
                        <div class="top-quickmenu-item-label">
                            <label>付费资料</label>
                        </div>
                    </div>
                    <div class="top-quickmenu-item" onclick="developing()">
                        <div class="top-quickmenu-item-image">
                            <img src="img/icons/top3.png" />
                        </div>
                        <div class="top-quickmenu-item-label">
                            <label>线上商城</label>
                        </div>
                    </div>
                    <div class="top-quickmenu-item" onclick="developing()">
                        <div class="top-quickmenu-item-image">
                            <img src="img/icons/top4.png" />
                        </div>
                        <div class="top-quickmenu-item-label">
                            <label>会员旁观</label>
                        </div>
                    </div>
                </div>
            </div>
        <!--</div>-->
        <!--<div class="container" id="container">-->

            <!--通知公告-->
            <div class="gonggao">

                <div class="gonggao-left">
                    <div class="gonggao-left-lable">
                        <label>玄集</label>
                    </div>
                    <div class="gonggao-left-image">
                        <img src="img/icons/gg.png" />
                    </div>
                </div>
                <div class="gonggao-middle">
                    <img src="img/icons/v-line.png" />
                </div>
                <div class="gonggao-right">
                    <div class="gonggao-right-tongzhi" id="tongzhi" >
                        <img src="img/icons/tongzhi.png" />
                        <div class="scroll-box" data-for="data" >

                           <p class="scroll-box-item" data-item="title" data-id="{{id}}" onclick="toTongzhi(this)"></p>
                        </div>
                    </div>
                   <p style="clear: both;height: 5px ;"></p>
                    <div class="gonggao-right-tongzhi" id="gonggao" >
                        <img src="img/icons/gonggao2.png" />
                        <div class="scroll-box" data-for="data" >
                             <p class="scroll-box-item" data-item="title" data-id="{{id}}"  onclick="toGonggao(this)" ></p>
                        </div>
                    </div>
                </div>
            </div>
        <!--咨询分类入口-->
            <div class="swiper">
                <div class="swiper-container banner2" id="servicetypes">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" id="swiper-slide1">
                            <div class="swiper-page" id="swiper-page-1" data-for="data1">
                                <div class="swiper-page-item" id="serviceType1" onclick="toteachers('{{id}}')">
                                    <!--<div class="swiper-page-item-image  swiper-page-item-image{{css}} ">-->
                                    <div class="swiper-page-item-image">
                                        <img data-item="image" src="img/icons/type1.png" />
                                        <!--<br>-->
                                        <!--<label data-item="title"></label>-->
                                    </div>

                                </div>

                            </div>
                        </div>
                        <div class="swiper-slide" id="swiper-slide2">
                            <div class="swiper-page" id="swiper-page-2" data-for="data2">
                                <div class="swiper-page-item"  onclick="toteachers('{{id}}')">
                                    <!--<div class="swiper-page-item-image swiper-page-item-image{{css}}" >-->
                                    <div class="swiper-page-item-image" >
                                        <img data-item="image" src="img/icons/type9.png" />
                                        <!--<br>-->
                                        <!--<label data-item="title">更多</label>-->
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>

            <!--最热测算-->
            <div class="hot">
                <div class="hot-title">
                    <div class="hot-title-left">
                        <label>最热测算</label>
                    </div>
                    <div class="hot-title-right">
                        <label onclick="moreQuickAsk()">查看更多 ></label>
                    </div>
                </div>
                <div class="hot-body">
                    <div  data-for="data">
                        <div class="hot-body-item" onclick="toQuickAskDetailN('{{id}}')">
                            <div class="hot-body-item-image">
                                <img data-item="image" src="img/examples/head.jpg" />
                            </div>
                            <div class="hot-body-item-detail">
                                <div class="hot-body-item-detail-title">
                                    <label data-item="title"></label>
                                </div>
                                <div class="hot-body-item-detail-subtitle">
                                    <label data-item="subtitle"></label>
                                </div>
                                <div class="hot-body-item-detail-numbers">
                                    <label style="width:45%;text-align: left;"><img src="img/home/ar-1.png" /><span data-item="openTimes">100</span>浏览</label><label style="width:30%;text-align: left;"><img src="img/home/ar-2.png" class="img13-12" /><span data-item="testPeoplenum"></span>提问</label><label style="width:30%;text-align: left;"><img src="img/home/ar-3.png" class="img13-12"  /><span data-item="evalPeoplenum"></span>评论</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hot-category">
                    <div class="hot-category-left">
                        <img src="img/home/hot1.png" />
                        <!--<label>你好</label>-->
                    </div>
                    <div class="hot-category-right">
                        <div class="hot-category-right-item">
                            <img src="img/home/hot2.png" />
                            <!--<label>你好2</label>-->
                        </div>
                        <div class="hot-category-right-item">
                            <img src="img/home/hot3.png" />
                            <!--<label>你好3</label>-->
                        </div>
                    </div>
                </div>
            </div>

            <!--知识分享-->
            <div class="share" id="share">
                <div class="share-title">
                    <div class="share-title-left">
                        <label>知识分享</label>
                    </div>
                    <div class="share-title-right" onclick="cmslist(33)">
                        <label>查看更多 ></label>
                    </div>
                </div>
                <div class="share-body" data-for="data">
                    <div class="share-body-item" onclick="articledetail('{{id}}','{{articleDataId}}')">
                        <div class="share-body-item-image">
                            <img data-item="image" src="img/examples/bird.png" />
                        </div>
                        <div class="share-body-item-detail">
                            <div class="share-body-item-detail-title">
                                <label data-item="title"></label>
                            </div>
                            <div class="share-body-item-detail-numbers">
                                <label style="text-align: left;"><img src="img/home/ar-1.png" /><span data-item="hits"></span>浏览</label>
                            </div>
                        </div>
                    </div>
                    <!--<div class="share-body-item">-->
                        <!--<div class="share-body-item-image">-->
                            <!--<img src="img/examples/man.png" />-->
                        <!--</div>-->
                        <!--<div class="share-body-item-detail">-->
                            <!--<div class="share-body-item-detail-title">-->
                                <!--<label>男人昨天跳财右眼跳灾是否有这个说法？</label>-->
                            <!--</div>-->
                            <!--<div class="share-body-item-detail-numbers">-->
                                <!--<label style="text-align: left;"><img src="img/home/ar-1.png" /><span>1000</span>浏览</label>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                </div>
                <div style="height:20px"></div>
            </div>

            <!--明星老师-->
            <div class="teacher">
                <div class="teacher-title">
                    <div class="teacher-title-left">
                        <label>明星老师</label>
                    </div>
                    <div class="teacher-title-right" onclick="tohotteachers()">
                        <label>查看更多 ></label>
                    </div>
                </div>
                <div class="Cteacher-body">
                    <div class="teacher-body" data-for="dataT">
                        <div class="teacher-body-item" onclick="todetail('{{id}}')">
                            <div class="teacher-body-item-image">
                                <img data-item="headimgurl" src="img/examples/head.jpg" />
                            </div>
                            <div class="teacher-body-item-detail">
                                <div class="teacher-body-item-detail-title">
                                    <label data-item="nickname"></label>
                                </div>
                                <div class="teacher-body-item-detail-numbers">
                                    <label>从业</label><label data-item="workYears"></label><label>年</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="bottom"><label>--已经到底了--</label></div>
        <!--可拖拽的聊天图标-->
        <!--<div class="chaticon" onclick="tochatlist()">-->
            <!--<img src="img/icons/chaticon.png" draggable="true" />-->
        <!--</div>-->
        <!--系统主菜单-->
        <div class="menu_bar2" id="mn">
            <div class="menu_bar2_left">
                <a href="#">
                    <img src="img/icons/menu1@1.png" alt="首页" />
                    <div class="menu_bar2_left_label">
                        <label>首页</label>
                    </div>
                </a>
            </div>
            <div class="menu_bar2_middle">
                <a href="javascript:server.loadindex('page/quickask/quickask');">
                    <img src="img/icons/menu2@2.png" alt="闪测" />
                    <div class="menu_bar2_middle_label">
                        <label>闪测</label>
                    </div>
                </a>
            </div>
            <div class="menu_bar2_right">
                <a href="javascript:server.loadindex('page/askteacher/askteacher')">
                    <img src="img/icons/menu3@2.png" alt="老师" />
                    <div class="menu_bar2_right_label">
                        <label>老师</label>
                    </div>
                </a>
            </div>
            <!--<div class="menu_bar2_right">-->
                <!--<a href="javascript:pop_up_pos('开发中，请稍后...',null,'240px')">-->
                    <!--<img src="img/icons/menu4@2.png" alt="开运秘籍" />-->
                    <!--<div class="menu_bar2_right_label">-->
                        <!--<label>开运秘籍</label>-->
                    <!--</div>-->
                <!--</a>-->
            <!--</div>-->
            <div class="menu_bar2_right">
                <a href="javascript:server.loadindex('page/user/user')">
                    <img src="img/icons/menu5@2.png" alt="我的" />
                    <div class="menu_bar2_right_label">
                        <label id="mybtn">我的</label>
                    </div>
                    <img id="newsflag" class="menu_bar2_right-img" src="img/flow-dot-done.png" style="display: none" />
                </a>
            </div>
        </div>
    </form>
</body>
</html>